@charset "utf-8";
@import "common/common";
@import "animate";
a{
    &:hover{
        text-decoration: none;
    }
}
img{
    &:hover{
        opacity: .8;
    }
}
li{
    list-style: none;
}
.bor_pad{
    border: 1px solid #dddddd;
    padding: 4px;
    border-radius: 3px;
}
.col-center-block {  
    float: none;  
    display: block;  
    margin-left: auto;  
    margin-right: auto;  
}  
//公用类
.news{
    margin-top: 50px;
    h2{
        font-size: 30px;
        margin-top: 41px;
        margin-bottom: 39px;
        color: #ff6b08;
    }
    h3{
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 15px;
        transition: all 80ms;
        cursor: pointer;
        color: #666666;
        &:hover{
            color: #ff6900;
        }
    }
    dt{
        font-size: 12px;
        font-weight: normal;
        color: #2a2a2a;
        margin-bottom: 17px;
    }
    dd{
        font-size: 14px;
        line-height: 25px;
        color: #2a2a2a;
    }
    p{
        margin-top: 12px;
        margin-bottom: 0;
        padding-right: 0;
        a{
            cursor: pointer;
            text-align: center;
            display: inline-block;
            width: 98px;
            height: 32px;
            line-height: 30px;
            border: 1px solid #ff6900;
            color: #ff6900;
            border-radius:50px;
            transition: all 100ms; 
            &:hover{
                background: #ff6900;
                color: white;
            }
        }
    }
    .new_top{
        padding-bottom: 87px;
        img{
                width: 100%;
                height: 180px;
                border-radius: 4px;
        }
    }
    .new_mid{
        padding-bottom: 32px;
        li{
            margin-bottom: 38px;
        }
    }
    .new_bot{
        border-top: 1px dashed #d4d4d4;
        padding-top: 35px;
        padding-bottom: 25px;
        .active{
            a{
                color: white;
                background: #e34637;
            }
        }
        ul{
            font-size: 0;
            margin: 0;
            padding: 0;
            >li{
                display: inline-block;
                padding:0;
                text-align: center;
            }
            a{
                font-size: 11px;
                color: #2a2a2a;
                border: 1px solid #dddddd;
                padding:6px 12px;
                &:hover{
                    color: #23527c;
                    background-color: #eee;
                }
            }
            .lileft{
                border-radius: 5px 0 0 5px;
            }
            .liright{
                border-radius:0 5px 5px 0;
            }
        }
    }
}
@media (max-width:992px){
    .news{
        .new_top{
            img{
                width: 100%;
                height: auto;
                border-radius: 4px;
            }
        }
    }
}
@media (max-width:420px){
    .news{
        .new_top{
            padding-bottom: 20px;
            img{
                width: 100%;
                height: 60px;
            }
        }
       .new_mid{
            padding-bottom: 0;
            li{
                margin-bottom: 20px;
            }
        } 
        h2{
            margin: 20px 0;
        }
    }
}
